<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>D生活运营二期管理平台</title>
    <%@include file="/views/common/include/taglib.jsp"%>
    <%@include file="/views/common/include/head.jsp"%>
    <link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/person-left.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/bdsj.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
</head>
<style type="text/css">
	.location{
		height:43px;
		border:1px solid #e6e6e6;
		background-color:#57B4C6;
		line-height:43px;
	}
	.location img{
		margin-left:24px;
        vertical-align:-5px;
		
	}
	.form div img{
		float:left;
		/* top:10px;
		margin-left:22px;
		padding-top:0px;
 		position:relative;
		left:30px;
		top:-2px;  */
	}
	.form div input{
		height:35px;
		width:20%;
		border-radius:4px;
		border:1px solid #dadada;
		padding-left:40px;
		font:14px 微软雅黑;
	}
	.emStyle{
		color:#98bfe4;
	}
	
	.buttonEdit{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #98bfe4;
	    color:#fff;
	    border: none;
	    margin-top:28px;
	 }
	.buttonCancle{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #fff;
	    color:#504949;
	    border: 1px solid #D1CFCF;
	    margin-top:28px;
     }
</style>
<body>
  <jsp:include page="/views/common/head_main.jsp" />
    <div class="bg" style="padding-top: 100px;">
        <div class="contentbox1 contentbox">
            <jsp:include page="/views/main/main_personal_left.jsp" />
            <div class="rightlist">
            <input type="hidden" id="item" value="${sessionScope.item_personal}"/>
            <input type="hidden" id="newPhone" value="${newPhone}"/>
		<section>
			<div class="panel" style="height:590px;">
                <div class="location"><img src="${ctx }/images/bdsj/bd2.png"/>
                <span style="margin-left:10px;font-size:14px;color:#FFFFFF;font:14px 微软雅黑">绑定手机</span>
                </div>
				<div id="form" class="form" style="padding-top:50px;height:190px;width:95%;"> 
					<img style="margin-left: 65px;" src="${ctx }/images/bdsj/wancheng.png" style="" />
					<div style="font: 18px 微软雅黑; color:#6b6b6b;margin-left: 307px;margin-top: 80px;">
					<img style="" src="${ctx }/images/bdsj/yes.png" style="" />
					<span style="vertical-align: -6px;margin-left: 10px;">恭喜绑定手机成功！</span></div>
				</div>
				<div>
					<button style="font: 18px 微软雅黑;margin-left: 335px; border:0;border-radius:28px;background: #57B4C6;width:170px;height:38px;color:white;margin-top: 30px;"
					onclick="Back()">完成</button>
				</div>
					<img src="${ctx}/images/bdsj/bind_success.png" style="float:right;margin-top: -170px;"/>

				</div>
			</div>
		</section>
			</div>
			</div>
			
	</div>
	<jsp:include page="/views/common/footer.jsp" />
<script src="${ctx}/js/controllers/bindphone/bindPhone.js" type="text/javascript"></script>
    <script src="${ctx}/js/lib/layer/layer.js"></script>
    <script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
    <script type="text/javascript">
        var ctx = '${ctx}';
        setCtx(ctx);
        /* $("#sendcode").click(function(){
            $("#warning").html("20s后可重新发送");
        }) */
    </script>
</body>
</html>